body {
    .el-loading-mask {
        z-index: 999;
    }

    // 输入框start
    .el-input__inner {
        height: 0.36rem !important;
        line-height: 0.36rem !important;
        border: 1px solid #a8a9b0;
        background-color: transparent;
    }

    .el-input__icon {
        line-height: 0.36rem;
    }

    .el-input__prefix {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .el-input--prefix {
        .el-input__inner {
            padding-left: 0.4rem;
        }
    }

    .el-input__inner:hover {
        border-color: #04b0f0;
    }

    .el-input__inner:focus {
        border-color: #04b0f0;
    }

    // 输入框end
    // 下拉框start
    .el-select {
        .el-input {
            .el-input__inner {
                height: 0.36rem;
                line-height: 0.36rem;
                border: 1px solid #a8a9b0;
                background-color: transparent;
            }

            .el-input__icon {
                line-height: 0.36rem;
            }
        }

        .el-input.is-focus {
            .el-input__inner {
                border-color: #04b0f0;
            }
        }
    }

    .el-select-dropdown {
        border: 0px solid #03bdfd;
        background-color: #0e4494;
        border-radius: 0px;
    }

    .el-popper[x-placement^=bottom] {
        .popper__arrow {
            border-bottom-color: #03bdfd;
        }

        .popper__arrow::after {
            border-bottom-color: #0e4494;
        }
    }

    .el-popper .popper__arrow,
    .el-popper .popper__arrow::after {
        display: none;
    }

    .el-select-dropdown__item.hover,
    .el-select-dropdown__item:hover {
        background-color: #0e57c4;
    }

    .el-select-dropdown__item.selected {
        color: #fff;
    }

    // 下拉框end
    // 树形图start
    .el-tree {
        background: transparent;
    }

    .el-tree-node__label {
        font-size: 0.18rem;
    }

    .el-tree-node__content {
        height: 0.34rem;

        .custom::before {
            content: "";
            width: 0.2rem;
            height: 0.2rem;
            display: inline-block;
            background: url('../../assets/img/public/tree/add.png');
            background-size: 100% 100%;
        }

        .custom[class~=expanded]::before {
            content: "";
            width: 0.2rem;
            height: 0.2rem;
            display: inline-block;
            background: url('../../assets/img/public/tree/remove.png');
            background-size: 100% 100%;
        }

        .custom[class~=is-leaf]::before {
            content: "";
            width: 0.2rem;
            height: 0.2rem;
            display: inline-block;
            background: none;
            // background-size: 100% 100%;
        }
    }

    .el-tree-node__expand-icon.expanded {
        transform: rotate(0deg);
    }

    .el-tree-node__content:hover {
        background-color: #0e57c4;
    }

    .el-tree-node:focus>.el-tree-node__content {
        background-color: #0e57c4;
    }

    // 树形图end
    // 悬浮框
    .el-tooltip__popper.is-dark {
        background-color: #037EE9;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
    }

    .el-tooltip__popper[x-placement^=top] .popper__arrow {
        border-top-color: #037EE9;
    }

    .el-tooltip__popper[x-placement^=top] .popper__arrow:after {
        border-top-color: #037EE9;
    }

    .el-tooltip__popper[x-placement^=bottom] .popper__arrow {
        border-bottom-color: #037EE9;
    }

    .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
        border-bottom-color: #037EE9;
    }

    .el-tooltip__popper[x-placement^=left] .popper__arrow {
        border-left-color: #037EE9;
    }

    .el-tooltip__popper[x-placement^=left] .popper__arrow:after {
        border-left-color: #037EE9;
    }

    .el-tooltip__popper[x-placement^=right] .popper__arrow {
        border-right-color: #037EE9;
    }

    .el-tooltip__popper[x-placement^=right] .popper__arrow:after {
        border-right-color: #037EE9;
    }

    .el-button {
        padding: 0 0.2rem;
        font-size: 0.18rem;
    }

    .el-form-item {
        margin-bottom: 0.22rem;
    }

    //时间选择器
    .times {
        .el-time-panel {
            background-color: #223E87;
        }
    }
}

// tabs--liya
.el-tabs {
    .el-tabs__active-bar {
        height: 5px;
        background-color: RGBA(52, 92, 179, .8);
        border-radius: 3px;
    }

    .el-tabs__nav-wrap::after {
        height: 5px;
        background-color: transparent;
    }

    .el-tabs__item.is-active,
    .el-tabs__item:hover {
        color: #fff;
    }
}

// 常规按钮样式
.el-button--primary {
    height: 0.36rem;
    border-radius: 0.04rem;
    border: 1px solid #05B4FF;
    background-color: transparent;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0 0.2rem;
    line-height: 0;
}

.el-button--primary:hover {
    background: #234D74;
    border: 1px solid rgba(5, 180, 255, 1);
    color: #fff;
}

.el-button--primary:focus,
.el-button--primary:active {
    background: linear-gradient(360deg, rgba(20, 123, 252, 1) 0%, rgba(12, 157, 254, 1) 40%, rgba(3, 191, 255, 1) 100%);
    color: #fff;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    color: #fff;
    background: rgba(177, 169, 169, .68);
    border: 1px solid rgba(190, 181, 181, .68);
}

.el-button.is-disabled.el-button--text {
    color: #ccc
}

// Message(操作成功/失败样式)--FanYu
.el-message {
    .el-icon-success {
        color: #ffffff;
    }

    .el-icon-error {
        color: #ffffff;
    }
}

.el-message--success {
    background-color: #037ee9;
    opacity: 0.85;
    border-color: #037ee9;

    .el-message__content {
        color: #ffffff;
    }
}

.el-message--error {
    background-color: #c22c2c;
    // opacity: 0.85;
    border-color: #c22c2c;

}

.el-message--warning {
    background-color: #c22c2c;
    // opacity: 0.85;
    border-color: #c22c2c;

    .el-message__content {
        color: #ffffff;
    }
}

// 预警决策首页表格的样式--FanYu
.warningtablestyle {
    .el-table .cell {
        font-size: 0.15rem;
        text-align: center;
        white-space: nowrap;
    }

    .el-table th>.cell {
        font-size: 0.18rem;
    }

    .el-table td,
    .el-table th {
        padding: 1px 0;
    }

    .el-table td,
    .el-table th.is-leaf {
        border-bottom: 0px solid #EBEEF5;
    }

    .el-table .row1 {
        background: transparent;
    }

    .el-table .row2 {
        background: rgba(55, 74, 123, .65);
    }

    .el-table th {
        background: rgb(51, 91, 178);
    }

    .el-table tr:hover {
        background: #4A6BAE;
    }

    .el-table::before {
        background-color: transparent;
    }
}

// 一种小表格的样式--liya
.smalltablestyle {
    .el-table .cell {
        font-size: 0.12rem;
        text-align: center;
        white-space: nowrap;
    }

    .el-table th>.cell {
        font-size: 0.14rem;
    }

    .el-table td,
    .el-table th {
        padding: 1px 0;
    }

    .el-table td,
    .el-table th.is-leaf {
        border-bottom: 0px solid #EBEEF5;
    }

    .el-table .row1 {
        background: rgba(55, 74, 123, .65);
    }

    .el-table .row2 {
        background: transparent;
    }

    .el-table th {
        background: rgb(51, 91, 178);
    }

    .el-table tr:hover {
        background: #4A6BAE;
    }

    .el-table::before {
        background-color: transparent;
    }
}

// 一种中表格的样式--liya
.mediumtablestyle {

    .el-table--border,
    .el-table--group {
        border: none;
    }

    .el-table__body tbody tr>td:nth-child(1) {
        border-left: 1px solid #0A82BA;
    }

    .el-table__header thead tr>th:nth-child(1) {
        border-left: 1px solid #0A82BA;
    }

    .el-table .cell {
        font-size: 0.14rem;
        text-align: center;
        white-space: normal;
        color: rgba(181, 230, 255, 1);
    }

    .el-table th>.cell,
    .el-table td div {
        font-size: 0.14rem;
    }

    .el-table td,
    .el-table th {
        padding: 0.07rem 0;
    }

    .el-table td,
    .el-table th.is-leaf {
        border-right: 1px solid #0A82BA;
        border-bottom: 1px solid #0A82BA;
    }

    .el-table--border,
    .el-table--group {
        border-top: 1px solid #0A82BA;
    }

    .el-table--border::after {
        background-color: transparent;
    }

    .el-table .row1 {
        background: transparent;
    }

    .el-table .row2 {
        background: rgba(41, 171, 226, .1);
    }

    .el-table th {
        background: rgba(41, 171, 226, .2);
    }

    .el-table tr:hover {
        background: #4A6BAE;
    }

    .el-table::before {
        background-color: transparent;
    }

    .el-button {
        padding: 0 0.2rem;
        font-size: 0.14rem;
    }

    .el-button--text {
        padding: 0;
        color: #1AB2FF;
    }

    .el-button--primary {
        width: 100%;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
        background: rgb(41, 171, 226, .1);
    }
}

// 一种大表格的样式 -- ZY
.bigTableStyle {

    // 查询筛选框
    .el-form {
        .el-form-item__label {
            font-size: 0.18rem;
        }

        .el-button--primary {
            font-size: 0.18rem;
        }

        .el-input__inner {
            font-size: 0.16rem;
        }
    }

    // 表格里的按钮
    .el-table--border {
        border: 1px solid rgba(12, 175, 232, 0.2);
    }

    //清楚下后面的伪类
    .el-table--border::after,
    .el-table--group::after,
    .el-table::before {
        content: none;
    }

    .el-table {
        .el-button--primary {
            background-color: rgba(26, 57, 147, 1);
            border: 1px solid rgba(12, 175, 232, 1);
        }

        .el-button--primary:hover {
            background: rgba(54, 89, 193, 1);
            border: 1px solid rgba(12, 175, 232, 1);
            color: #fff;
        }

        .el-button--primary:focus,
        .el-button--primary:active {
            background: linear-gradient(360deg, rgba(20, 123, 252, 1) 0%, rgba(12, 157, 254, 1) 40%, rgba(3, 191, 255, 1) 100%);
            color: #fff;
        }
    }

    .el-table .cell {
        font-size: 0.16rem;
        text-align: center;
        white-space: nowrap;
    }

    .el-table th>.cell {
        font-size: 0.16rem;
    }

    .el-table th {
        padding: 0.08rem 0;
        font-weight: 400;
        border-bottom: 1px solid rgba(12, 175, 232, 0.2);
        border-right: 1px solid rgba(12, 175, 232, 0.2);
    }

    .el-table td {
        border-bottom: 1px solid rgba(12, 175, 232, 0.2);
        border-right: 1px solid rgba(12, 175, 232, 0.2);
    }

    .el-table th.is-leaf {
        border-bottom: 1px solid rgba(12, 175, 232, .2);
    }

    .el-table .row1 {
        background: rgb(41, 171, 226, .08);
    }

    .el-table .row2 {
        background: rgb(41, 171, 226, .16);
    }

    .el-table__header th {
        background: rgba(41, 171, 226, .2);
    }

    .el-table__body td {
        padding: 0.06rem 0;
    }

    .tbody tr:hover {
        background: rgb(41, 171, 226, 0.4);
        cursor: pointer;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
        background: rgb(41, 171, 226, 0.4);
    }

    .el-table::before {
        background-color: transparent;
    }

    .el-button--text {
        padding: 0;
        color: #1AB2FF;
    }

    // 多选框
    .el-checkbox__inner {
        border: 1px solid #fff;
    }

    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        border-color: transparent;
        background: linear-gradient(360deg, rgba(20, 123, 252, 1) 0%, rgba(12, 157, 254, 1) 40%, rgba(3, 191, 255, 1) 100%);
    }

    .el-checkbox__inner::after {
        border: 1px solid #fff;
        border-left: 0;
        border-top: 0;
    }

    .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        background-color: #fff;
    }

    .el-table__fixed-right::before,
    .el-table__fixed::before {
        background-color: transparent;
    }
}

body .el-table__fixed-right {
    background: rgba(10, 69, 136, 0.8)
}

// 确认弹框
.el-message-box {
    background: rgba(20, 51, 133, 1);
    border: 1px solid rgba(10, 69, 136, 1);
    box-shadow: 0px 7px 15px rgba(3, 121, 255, 0.5);
    // padding-bottom: 50px;
    width: 4.54rem;
    height: 3.06rem;

    .el-message-box__headerbtn {
        display: none;
    }

    .el-message-box__content {
        padding: 0.3rem 0.15rem;
    }

    .el-message-box__btns {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;

        .el-button {
            width: 1.1rem;
            height: 0.36rem;
            border-radius: 0.04rem;
            border: 1px solid #05B4FF;
            background-color: transparent;
            color: #fff;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: nowrap;
            padding: 0 0.2rem;
            line-height: 0;
        }

        .el-button:hover {
            background: #234D74;
            border: 1px solid rgba(5, 180, 255, 1);
        }

        .el-button:focus,
        .el-button:active {
            background: linear-gradient(360deg, rgba(20, 123, 252, 1) 0%, rgba(12, 157, 254, 1) 40%, rgba(3, 191, 255, 1) 100%);
        }
    }

    .el-icon-warning:before {
        content: url('../img/AuxiliaryMonitor/icon/warning.png');
    }

    .el-message-box__status {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
    }

    .el-message-box__status+.el-message-box__message {
        padding-left: 0;
        padding-right: 0;
    }

    .el-message-box__message {
        text-align: center;
        margin: 0.2rem auto;
    }
}

.el-notification {
    border: none;
}

//弹窗
.el-dialog {
    background-color: #143385;

    .el-dialog__headerbtn {
        top: -0.4rem;
        right: -0.58rem;
        width: .42rem;
        height: .42rem;
        background-image: url('../img/PopUp/close.png');
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .el-dialog__headerbtn .el-dialog__close {
        opacity: 0;
    }

    .el-dialog__header {
        padding: 0px;
        display: flex;
        justify-content: center;

        .el-dialog__title {
            background: url('../img/PopUp/left.png') left center no-repeat, url('../img/PopUp/in.png') center no-repeat, url('../img/PopUp/right.png') center right no-repeat;
            background-size: 0.30rem 0.50rem, calc(100% - 0.6rem) 0.50rem, 0.30rem 0.50rem;
            padding: .1rem .5rem;
        }
    }
}

//   日期 的 下拉选项的样式定义 -- ZY
.el-picker-panel {
    background: #143385;

    .el-date-picker__header-label {
        // font-size: 0.14rem;
    }

    .el-date-table th {
        // font-size: 0.14rem;
    }

    .el-date-table td {
        // width: 0.4rem;
        // height: 0.4rem;
        padding: 0;
    }

    .el-date-table td div {
        // width: 0.4rem;
        // height: 0.4rem;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .el-date-table td.current:not(.disabled) span {
        // width: 0.34rem;
        // height: 0.34rem;
        display: inline-block;
        color: #fff;
        // font-size: 0.14rem;
        background: rgba(50, 126, 253, 1);
        border: 3px solid rgba(80, 145, 253, 1);
        // line-height: 0.28rem;
        text-align: center;
        box-sizing: content-box;
    }

    .el-date-table td span {
        // font-size: 0.14rem;
    }
}

// 一种分页的样式设置 -- ZY
.elPaginationStyle {
    .el-pager li {
        display: inline-block;
        min-width: 0.24rem;
        height: 0.24rem;
        line-height: 0.24rem;
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 0.16rem;
        font-weight: 400;
        border: 1px solid #3b86ff;
        border-radius: 4px;
        color: #a4a5ae;
        margin: 0 0.08rem;
        min-width: 0.24rem;
    }

    .el-pager li.active+li {
        border: 1px solid #3b86ff;
    }

    .el-pager li:hover {
        color: #fff;
        background: #3b86ff;
    }

    .el-pager li.active {
        color: #fff;
        background: #3b86ff;
    }

    .el-pagination button {
        width: 0.24rem;
        min-width: 0.24rem;
        height: 0.24rem !important;
        line-height: 0.24rem !important;
        padding: 0;
        font-size: 0.16rem;
        border: 1px solid #3b86ff;
        border-radius: 4px;
        color: #a4a5ae;
        margin: 0 0.08rem;
        background: #0a3183;
    }

    .el-pagination .el-select .el-input {
        width: 1.2rem;
        margin: 0;
        padding: 0;
        margin: 0 0.24rem;
        background: #0a3183;
    }

    .el-pagination .el-select .el-input .el-input__inner {
        width: 1.2rem;
        min-width: 1.2rem;
        height: 0.24rem !important;
        line-height: 0.24rem !important;
        font-size: 0.14rem;
        border: 1px solid #3b86ff;
        border-radius: 4px;
        color: #fff;
        margin: 0;
        padding: 0;
        letter-spacing: 2px;
    }

    .el-pagination .el-input__suffix {
        transform: none;

        .el-input__suffix-inner {
            display: inline-block;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            .el-input__icon {
                line-height: none;
            }
        }
    }

    .el-pagination span:not([class*="suffix"]) {
        display: inline-block;
        font-size: 0.14rem;
        height: 0.24rem !important;
        line-height: 0.24rem !important;
        color: #a4a5ae;
    }

    .el-pagination__editor {
        line-height: 0.24rem;
        padding: 0;
        height: 0.24rem !important;
        margin: 0 0.05rem;
    }

    .el-pagination__editor.el-input .el-input__inner {
        width: 0.4rem;
        height: 0.24rem !important;
        line-height: 0.24rem !important;
        border: 1px solid #3b86ff;
        border-radius: 4px;
        background: #0a3183;
    }

    .el-pagination {
        padding: 0px 5px;
    }
}

// 输入框旋转箭头行高
body .el-select .el-input .el-input__icon {
    line-height: 0.24rem;
}

//日期选择器 选中颜色
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #183e97;
}

.el-date-table td.end-date div,
.el-date-table td.start-date div {
    color: #fff;
}

.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
    color: #fff;
}

// 文本域自己定义样式 -- zy
.el-textarea__inner {
    border: 1px solid #a8a9b0;
    background-color: transparent;
    font-size: 0.18rem;
}

.edit-cause-box .text {
    padding-top: 0.09rem;
}

.el-textarea__inner:hover {
    border-color: #04b0f0;
}

.el-textarea__inner:focus {
    border-color: #04b0f0;
}


//复选框组件----wmn

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background: linear-gradient(360deg, rgba(20, 123, 252, 1) 0%, rgba(12, 157, 254, 1) 40%, rgba(3, 191, 255, 1) 100%);
    border-color: #264BFA;
}

.el-checkbox__inner::after {
    // border: 1px solid #fff;
    border-bottom-color: #fff !important;
    border-right-color: #fff !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: rgba(3, 191, 255, 1);
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    background-color: #fff;
}

//from表单----wmn
.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
    line-height: 0.36rem;
}

.el-form-item__error {
    padding-top: 0px;
}